.banner{
    text-align: center;
    //百雀羚#014B2A #09EDCC 普通#6820CC #00C5CC
    background-image: linear-gradient(to right, #014B2A , #09EDCC);
    color:#fff;
    padding-top:40px;
    padding-bottom:35px;
    height:auto !important
  }

  .container {  
    padding: 40px;  
    display: grid;  
    grid-template-columns: repeat(4, 1fr);  
    gap: 20px;  
  }  
  .box {  
    margin-left: 1%;
    margin-bottom: 2%;
    width: 23%; /* 假设你想让四个项目并排显示，每个项目占据容器的25%宽度 */  
    float: left; /* 或者使用 flexbox、grid 等布局方式 */ 
  }  
    
  .box-link {  
    display: block; /* 将链接设置为块级元素 */  
    width: 100%; /* 宽度填满整个.box */  
    height: 100%; /* 高度填满整个.box */  
    padding: 20px; /* 内边距，根据需要调整 */  
    text-align: center; /* 文字居中 */  
    color: #fff; /* 文字颜色 */  
    background-color: #07c4a9; /* 背景色，黑色透明玻璃效果 */  
    border-radius: 10px; /* 边角圆滑 */  
    transition: background-color 0.3s ease; /* 背景色过渡效果 */  
    /* 其他样式，如需要 */  
  }  
    
  .box-link:hover {  
    background-color: #09edcc; /* 悬停时更深的背景色 */  
    /* 其他悬停样式，如需要 */  
  }  
  .head_max{
    text-align: center;
    margin-top:35px;
    margin-bottom: 15px;
    color:black;
  }
  .head_middle{
    margin-left: 2%;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    color:black;
  }
                    
  .head_content{
    margin-left: 2%;
    color:black;
  }
  .ve_calendar {
    background: #f56c6c;
    border-radius: 10px;
    &:hover {
        box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    }
  
    :deep(.el-calendar__body) {
        padding-bottom: 12px !important;
        .el-calendar-day {
            height: auto !important;
        }
        .el-calendar-table td {
            border: none;
            text-align: center;
        }
    }
  }